/*CSS reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p{margin:0;padding:0; font-family:"microsoft yahei"; font-size:14px; cursor:default; color: #333;}
table{border-collapse:collapse;border-spacing:0; border:none;}
/*tr,td{border:none;}*/
fieldset,img{border:0;border:none;}
ul,li,dl ,dt,dd ,ol,p,img{ list-style: none;border: none; vertical-align:middle;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal;}
del,ins{text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
button,input,select,textarea{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
a{text-decoration:none; outline:none; color: #333;}
a:hover{ text-decoration:none; color: #0052cc;}
a:active{outline: none;star:expression(this.onFocus=this.blur());}
i{font-style:normal}

*:focus {
    outline: -webkit-focus-ring-color auto 2px;
 outline-color: -webkit-focus-ring-color;
 outline-style: auto;
 outline-width: 2px;
}
*:focus-visible {
    outline: -webkit-focus-ring-color auto 2px;
 outline-color: -webkit-focus-ring-color;
 outline-style: auto;
 outline-width: 2px;
}

/* 通用样式部分 */
.fl{ float: left;}
.fr{ float: right;}
.mt20 { margin-top: 20px !important;}
.clear { clear: both;}
.clear20 { clear: both; height: 20px;}
.clear30 { clear: both; height: 30px;}
.w1200 { width: 1200px; margin: 0 auto;}
body { background:#fff url(../images/2020cl_bg.png) no-repeat center top;    overflow-x: hidden;}
/* * { transition: all .5s;}
*:hover { transition: all .5s;} */

/* header */
.header { height: 377px;}
.header .top { padding: 15px 0; overflow: hidden;}
.header .top ul li {float: left;position: relative;padding-left: 5px;margin-left: 5px;line-height: 1;}
.header .top ul li::before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -6px; width: 1px; height: 12px; background: #fff;}
.header .top ul li:first-child { padding-left: 0; margin-left: 0;}
.header .top ul li:first-child::before { display: none;}
.header .top ul li a { color: #fff;}
.header .top ul li a:hover { text-decoration: underline;}
.header .logo { margin-top: 70px;}
.header .search { margin-top: 40px;}
.header .search-bar { width: 647px; height: 50px; border-radius: 5px; background: #fff; opacity: .66;}
.header .search-bar .txt { float: left; border: 0; width: 547px; height: 50px; padding: 0 20px; font-size: 16px; line-height: 50px; background: none;  cursor: text;}
.header .search-bar .btn { float: right; border: 0; width: 50px; height: 50px; background: url(../images/2020cl_common_search.png) no-repeat center center;  cursor: pointer;}
.header .hot-words {color: #113a85;line-height: 1;white-space: nowrap;text-overflow: ellipsis;/* overflow: hidden; */margin-top: 15px;}
.header .hot-words a { color: #113a85; margin-left: 20px;}
.header .hot-words a:first-child { margin-left: 0;} 
.header .hot-words a:hover { text-decoration: underline;}


/* 导航 */
.nav { background: #0c5dcb; overflow: hidden;}
.nav li { float: left; width: 20%;}
.nav li a { display: block; width: 100%; background: no-repeat 62px center; font-size: 18px; color: #fff; line-height: 55px; text-indent: 102px;}
.nav li.current a,.nav li a:hover { background-color: #054dae;}
.nav li.nav1 a{ background-image: url(../images/2020cl_nav_icon1.png);}
.nav li.nav2 a{ background-image: url(../images/2020cl_nav_icon2.png);}
.nav li.nav3 a{ background-image: url(../images/2020cl_nav_icon3.png);}
.nav li.nav4 a{ background-image: url(../images/2020cl_nav_icon4.png);}
.nav li.nav5 a{ background-image: url(../images/2020cl_nav_icon5.png);}

/* footer */
.footer {background: #0d3974;text-align: center;padding: 30px 0; position: relative; z-index: 99;}

#div_expand_mainpage{z-index:999!important}

.friend-link { height: 40px; margin-bottom: 30px;}
/* .friend-link a { float: left; border: 1px solid #3c74bf; width: 181px; height: 48px; color: #3c74bf; font-size: 16px; text-align: center; line-height: 48px; margin-left: 20px; transition: all 1s;}
.friend-link a:first-child { margin-left: 0;}
.friend-link a:hover { border-color: #fff; color: #fff; transition: all 1s;} */

.friend-link>li { position: relative; float: left; width: 183px; margin-left: 20px; z-index: 9;}
.friend-link>li:first-child { margin-left: 0;}
.friend-link>li>a{ display: block; border: 1px solid #3c74bf; width: 181px; height: 38px; color: #3c74bf; font-size: 16px; text-align: center; line-height: 38px;}
.friend-link>li.on>a,.friend-link>li>a:hover { border-color: #fff; color: #fff;}

.friend-link .sub { display: none; position: absolute; left: 0; right: 0; bottom: 40px; border: 1px solid #e1e1e1; border-bottom: 0; background: #fff; max-height: 216px; overflow-x: hidden; overflow-y: auto;}
.friend-link .sub li { line-height: 36px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/*滚动条的宽度*/
.friend-link .sub::-webkit-scrollbar { width:9px; height:9px;}
/*外层轨道。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果*/
.friend-link .sub::-webkit-scrollbar-track { width: 6px; background-color:#f1f1f1; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius:2em;}
/*滚动条的设置*/
.friend-link .sub::-webkit-scrollbar-thumb { background-color:#ddd; background-clip:padding-box; min-height:28px; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius:2em;}
/*滚动条移上去的背景*/
.friend-link .sub::-webkit-scrollbar-thumb:hover { background-color:#999;}


.footer-img { margin-bottom: 20px;}
.footer-img img { vertical-align: middle;}
.footer-menu { text-align: center; overflow: hidden;}
.footer-menu a { position: relative; display: inline-block; *display: inline; zoom: 1; color: #fff; padding-left: 15px; margin-left: 15px;}
.footer-menu a::before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -6px; width: 1px; height: 12px; background: #fff; }
.footer-menu a:first-child { padding-left: 0; margin-left: 0;}
.footer-menu a:first-child::before { display: none;}
.footer p { color: #fff; line-height: 30px; overflow: hidden;}
.footer p a { color: #fff;}
.footer p a:hover,.footer-menu a:hover { text-decoration: underline;}

.footer p span { display: inline-block; *display: inline; zoom: 1; position: relative; padding-left: 15px; margin-left: 15px;}
.footer p span::before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -6px; width: 1px; height: 12px; background: #fff; }
.footer p span:first-child { padding-left: 0; margin-left: 0;}
.footer p span:first-child::before { display: none;}


.side-right {position: fixed;top: 209px;left: 50%;margin-left: 610px;}
.side-right a:first-child img { margin-bottom: 10px;}
.side-right img { display: block; width: 100px; height: auto;}

#gwd_btn1 {
    position: absolute;
    top: 152px;
    left: 50%;
    margin-left: -570px;
    color: #fff;
}

#gwd_btn1 li {
    text-align: center;
    line-height: 24px;
    width: 120px;
    margin-bottom: 10px;
    white-space: nowrap;
    display: inline-block;
    color: #fff;
    line-height: 35px;
}

#gwd_btn1 li img {
    width: 100px;
}

#div_WebSignLanguage,#div_expand_mainpage { top: 0 !important;}

/* 通用标题 */
.title { height: 40px; overflow: hidden;}
.title ul { float: left;}
.title ul li { position: relative; float: left; font-size: 22px; margin-left: 30px;}
.title ul li:first-child { margin-left: 0;}
.title ul li a { color: #666;}
.title ul li.on {  height: 39px}
.title ul li.on:after { display: block; content:""; position: absolute; left: 0; bottom: 0; height: 1px; width: 35px; background: #0052cc;}
.title ul li.on a,.title ul li a:hover { font-weight: bold; color: #000;}
.title .more { float: right; margin-top: 3px;}
.title .more a { display: block; width: 43px; height: 25px; border: 1px solid #e5e5e5; text-align: center; line-height: 25px; font-size: 12px; color: #999;}
.title .more a:hover { border-color: #0052cc; color: #0052cc;  }

/* 通用列表 */
.list { padding-top: 8px; } 
.list ul { display: none;} 
.list ul:first-child { display: block;} 
.list li { background: url(../images/2020cl_dot.png) no-repeat 2px center; padding-left: 15px; font-size: 16px; line-height: 36px; overflow: hidden; vertical-align: top; white-space: nowrap; text-overflow: ellipsis;} 
.list-date li { position: relative; padding-right: 100px;}
.list-date li span,.list-date li i { position: absolute; right: 0; font-size: 14px; color: #999; }


/* 面包屑 */
.crumbs { line-height: 24px; padding: 15px 0;}

/* 分页器 */
.paging {margin-top: 40px;margin-bottom: 40px;font-size: 0;overflow: hidden;text-align: center;}
.paging li{ display: inline-block; *display: inline; zoom: 1; font-size:14px;}
.paging li a, .paging li span{ display:block; float:left; height:38px; line-height:38px; padding:0 16px; border:1px solid #ebebeb; background:#f7f7f7; border-bottom:2px solid #ebebeb;}
.paging li a:link,.paging li a:visited{ color:#666;}
.paging li a:hover{ background:#fff; color:#333; text-decoration:none; border-bottom-color:#0052cc;}
.paging li.thisclass{ padding:0 16px; color:#fff; background:#0052cc;}
.paging li .current{background:#fff; color:#333; text-decoration:none; border-bottom:2px solid #0052cc;}
.paging .total_count, .paging .page_jump{ display: none;}

#jhjgg2 { max-width: 300px;}

@media screen and (max-width: 1199px) {
    .w1200 { width: 100%; box-sizing: border-box;}
    .header .top,.header .hot-words { display: none;}
    #jhjgg2,#div_expand_mainpage { display: none !important;}

    .header { height: auto; padding: 50px 0;}
    .header .logo { text-align: center; margin-top: 0;}
    .header .search-bar { display: flex; width: 540px; margin: 30px auto 0;}
    .header .search-bar .txt { flex: 1; padding: 0 10px;}

    .nav li a { text-indent: 0; background-image: none !important; text-align: center;}

    .footer { padding-top: 20px;}
     .friend-link { display:  flex; height: auto; justify-content: space-around; flex-wrap:wrap; padding: 0 1%;}
     .friend-link>li { width: 48%; margin: 0;}
     .friend-link>li>a { width: 100%;  margin: 10px 0 0;}
  #gwd_btn1{display:none}

}

@media screen and (max-width: 540px) { 
    .header { padding: 30px 0;}
    .header .search { margin-top: 20px;}
    .header .logo img,.header .search-bar { width: 90%;}
    #gwd_btn1{display:none}
}

@media screen and (max-width: 480px) { 
    .nav li { box-sizing: border-box;}
    .nav li:nth-child(1),.nav li:nth-child(2) { width: 50%; border-bottom: 1px solid #fff;}
    .nav li:nth-child(3),.nav li:nth-child(4),.nav li:nth-child(5) { width: calc(100% / 3);}
    .nav li:nth-child(2),.nav li:nth-child(4),.nav li:nth-child(5) { border-left: 1px solid #fff;}
    #gwd_btn1{display:none}

    .tabs { position: relative;}
    .title { height: auto;}
    .title ul { width: 100%; display: flex; justify-content: space-between;}
    .title ul li { font-size: 18px; margin: 0;}
    .title ul li.on { height: auto; padding-bottom: 10px;}
    .title .more { display: none; position: absolute; bottom: 0; width: 100%;}
    .title .more a { width: 100%; height: 30px; line-height: 30px;}
    .list li { background-position-x: 0; padding-left: 8px;}

    .footer p { line-height: 1; margin-top: 10px;}

   
}